@use 'sass:math';

@mixin gen-grid-columns($index, $grid-columns) {
	@if $index >0 {
		.uwo-col-#{$index} {
			display: block;
			flex: 0 0 percentage(math.div($index, $grid-columns));
			max-width: percentage(math.div($index, $grid-columns));
		}

		.uwo-col-push-#{$index} {
			left: percentage(math.div($index, $grid-columns));
		}

		.uwo-col-pull-#{$index} {
			right: percentage(math.div($index, $grid-columns));
		}

		.uwo-col-offset-#{$index} {
			margin-left: percentage(math.div($index, $grid-columns));
		}

		.uwo-col-order-#{$index} {
			order: $index;
		}

		// 递归调用
		@include gen-grid-columns($index - 1, $grid-columns);
	} @else {
		.uwo-col-#{$index} {
			display: none;
		}

		.uwo-col-push-#{$index},
		.uwo-col-push-#{$index} {
			left: auto;
		}

		.uwo-col-pull-#{$index},
		.uwo-col-pull-#{$index} {
			right: auto;
		}

		.uwo-col-offset-#{$index} {
			margin-left: 0;
		}

		.uwo-col-order-#{$index} {
			order: 0;
		}
	}
}
